<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>地址</title>
	<link rel="stylesheet" type="text/css" href="./css/reset.css">
	<link rel="stylesheet" type="text/css" href="./css/common.css">
	<link rel="stylesheet" type="text/css" href="./css/address.css">
</head>
<body>
	<!--header-->
	<div id="header">
		<div class="loginBar fl">
			<span>欢迎来果蔬缤纷&nbsp;请</span><a href="#" class="login">登录</a><span class="dividing"></span><a href="#" class="register">注册</a>
		</div>
		<div class="memberLink fr">
			<a href="#">收藏网站</a><span class="dividing"></span><a href="#">我的订单</a><span class="dividing"></span><a href="#">会员中心</a><span class="dividing"></span><a href="#">帮助中心</a>
		</div>
		<div class="headerMain">
			<div class="logo fl">
				<a href="#"><img src="./image/tools/logo.jpg" title="果蔬缤纷"></a>
			</div>
			<div class="search fl">
				<div class="searchForm">
					<input type="text" name="searchText" placeholder="蔬菜、水果、香蕉" class="searchText">
					<input type="button" class="searchBtn" value="搜索" >
				</div>
				<div class="hotKeywords">
					<span class="hot">热门搜索：</span>
					<a href="#">奇异果</a>
					<a href="#">苹果</a>
					<a href="#">芒果</a>
					<a href="#">香蕉</a>
					<a href="#">榴莲</a>
					<a href="#">西瓜</a>
					<a href="#">梨</a>
				</div>
			</div>
			<div class="callPhone fr">
				<img src="./image/tools/phone.jpg">
			</div>
		</div>
	</div>
	<!--nav start-->
	<div id="nav">
		<ul class="navList fl">
			<li class="fl allList list">
				<a href="javascript:void(0)" class="listA">
					所有商品分类
					<ul class="detailsList">
						<li class="product_1">
							<div class="kinds">
								<a href="#"><i></i>进口水果</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">百香果</a><a href="#">榴莲</a><a href="#">柑橘类</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
						<li class="product_2">
							<div class="kinds">
								<a href="#"><i></i>国产水果</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">番石榴</a><a href="#">柑橘类</a><a href="#">梨类</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
						<li class="product_3">
							<div class="kinds">
								<a href="#"><i></i>新鲜蔬菜</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">豆角类</a><a href="#">叶菜类</a><a href="#">瓜类</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
						<li class="product_4">
							<div class="kinds">
								<a href="#"><i></i>粮油副食</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">杂粮类</a><a href="#">大米类</a><a href="#">花生油</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
						<li class="product_5">
							<div class="kinds">
								<a href="#"><i></i>肉禽蛋奶</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">家禽</a><a href="#">猪肉类</a><a href="#">蛋类</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
						<li class="product_6">
							<div class="kinds">
								<a href="#"><i></i>休闲食品</a>
							</div>
							<dl class="kindsDl">
								<dt class="fl kindsDt">推荐</dt>
								<dd class="fl kindsDd"><a href="#">蜂蜜</a><a href="#">玫瑰系列</a><a href="#">坚果</a></dd>
							</dl>
							<div class="moreDetailLisrt">
								<dl>
									<dd>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
										<a href="">百香果</a>
									</dd>									
								</dl>
							</div>
						</li>
					</ul>
				</a>
			</li>
			<li class="fl otherList list"><a href="#" class="listA">首页</a></li>
			<li class="fl otherList list"><a href="#" class="listA">新鲜蔬菜</a></li>
			<li class="fl otherList list"><a href="#" class="listA">果乐缤纷</a></li>
			<li class="fl otherList list"><a href="#" class="listA">优惠专区</a></li>
			<li class="fl otherList list"><a href="#" class="listA">用户留言</a></li>
		</ul>
	</div>
	<!--settlement start-->
	<div id="settlement">
		<div class="settlementTop">
			<div class="settlementTitle fl">
				<img src="./image/tools/biaozhi.png" alt="结算">
			</div>
			<div class="settlementStep fr">
				<dl class="fl">
					<dt>1</dt>
					<dd>1.我的购物车</dd>
				</dl>
				<dl class="fl dlNow">
					<dt>2</dt>
					<dd>2.填写核对订单信息</dd>
				</dl>
				<dl class="fl">
					<dt>3</dt>
					<dd>3.成功提交订单</dd>
				</dl>
			</div>
		</div>
		<div class="settlementCneter">
			<div class="checkoutTitle">
				<span>填写并核对订单信息</span>
			</div>
			<div class="settlementContent">
				<div class="stepTitle">
					<h3 class="fl">收货人信息</h3>
					<div class="areaR fr"><a href="javascript:void(0)">新增收货地址</a></div>
				</div>
				<div class="stepCont">
					<ul class="clear">
						<li class="clear">
							<div class="consignee fl"><span>黑龙江</span><b></b></div>
							<div class="detailAdress fl">
								<span class="consigneeName">杨京九</span>
								<span class="addInfo">黑龙江 哈尔滨市 南岗区 城区黑龙江省哈尔滨市南岗区学府路74号</span>
								<span class="consigneePhone">15245013400</span>
								<a href="javascript:void(0)">删除</a>	
								<a href="javascript:void(0)">编辑</a>
								<a href="javascript:void(0)">设置默认地址</a>
							</div>
						</li>
						<li class="clear">
							<div class="consignee fl"><span>黑龙江</span><b></b></div>
							<div class="detailAdress fl">
								<span class="consigneeName">杨京九</span>
								<span class="addInfo">黑龙江 哈尔滨市 南岗区 城区黑龙江省哈尔滨市南岗区学府路74号</span>
								<span class="consigneePhone">15245013400</span>
								<a href="javascript:void(0)">删除</a>	
								<a href="javascript:void(0)">编辑</a>
								<a href="javascript:void(0)">设置默认地址</a>
							</div>
						</li>
						<li class="clear">
							<div class="consignee fl"><span>黑龙江</span><b></b></div>
							<div class="detailAdress fl">
								<span class="consigneeName">杨京九</span>
								<span class="addInfo">黑龙江 哈尔滨市 南岗区 城区黑龙江省哈尔滨市南岗区学府路74号</span>
								<span class="consigneePhone">15245013400</span>
								<a href="javascript:void(0)">删除</a>	
								<a href="javascript:void(0)">编辑</a>
								<a href="javascript:void(0)">设置默认地址</a>
							</div>
						</li>
					</ul>
					<div class="addrSwitch">
						<div><span>更多地址</span><b></b></div>
					</div>
				</div>
				<div class="paymentMethod">
					<h3>支付方式</h3>
					<ul class="clear">
						<li class="fl otherLi">货到付款<span data-title="送货上门后再收款，支持现金、POS机刷卡、支票支付"></span><b></b></li>
						<li class="fl">在线支付<span data-title="即时到账，支持绝大数银行借记卡及部分银行信用卡"></span><b></b></li>
						<li class="fl">公司转账<span data-title="通过快钱平台转账 转账后1-3个工作日内到账"></span><b></b></li>
						<li class="fl">邮政支付<span data-title="通过快钱平台收款 汇款后1-3个工作日到账"></span><b></b></li>
					</ul>
				</div>
				<div class="shippingList">
					<h3>送货清单</h3>
					<table>
						<tr>
							<td class="formName">
								<span data-id="0001">苹果</span>
							</td>
							<td class="formPicture">
								<a href="#" target="_blank" >
									<img src="./image/cart/cartApple_1.jpg">
								</a>
							</td>
							<td class="formDescription">
								<a href="#" target="_blank" >「寻真水果」霜降更甜10斤 山东烟台栖霞苹果水果新鲜 红富士苹果</a>
							</td>
							<td class="formPrice">
								<span>30.00</span>
							</td>
							<td class="formNumber">
								<span>5</span>
							</td>
						</tr>
						<tr>
							<td class="formName">
								<span data-id="0001">苹果</span>
							</td>
							<td class="formPicture">
								<a href="#" target="_blank" >
									<img src="./image/cart/cartApple_1.jpg">
								</a>
							</td>
							<td class="formDescription">
								<a href="#" target="_blank" >「寻真水果」霜降更甜10斤 山东烟台栖霞苹果水果新鲜 红富士苹果</a>
							</td>
							<td class="formPrice">
								<span>30.00</span>
							</td>
							<td class="formNumber">
								<span>5</span>
							</td>
						</tr>
						<tr>
							<td class="formName">
								<span data-id="0001">苹果</span>
							</td>
							<td class="formPicture">
								<a href="#" target="_blank" >
									<img src="./image/cart/cartApple_1.jpg">
								</a>
							</td>
							<td class="formDescription">
								<a href="#" target="_blank" >「寻真水果」霜降更甜10斤 山东烟台栖霞苹果水果新鲜 红富士苹果</a>
							</td>
							<td class="formPrice">
								<span>30.00</span>
							</td>
							<td class="formNumber">
								<span>5</span>
							</td>
						</tr>
						<tr>
							<td class="formName">
								<span data-id="0001">苹果</span>
							</td>
							<td class="formPicture">
								<a href="#" target="_blank" >
									<img src="./image/cart/cartApple_1.jpg">
								</a>
							</td>
							<td class="formDescription">
								<a href="#" target="_blank" >「寻真水果」霜降更甜10斤 山东烟台栖霞苹果水果新鲜 红富士苹果</a>
							</td>
							<td class="formPrice">
								<span>30.00</span>
							</td>
							<td class="formNumber">
								<span>5</span>
							</td>
						</tr>
					</table>
				</div>
				<div class="totalPayable">
					<span>应付总额：￥</span><strong>1322</strong>
					<a href="#">&nbsp;</a>
				</div>
			</div>
		</div>
		<div class="settlementBottom"></div>
	</div>
	<!--新增地址表单-->
	<ul id="addAddr">
		<div class="addAddrTitle"><h3>新增收货人地址</h3><img src="./image/icon/dialog.png"></div>
		<form>
			<li><span><span>*</span>&nbsp;&nbsp;&nbsp;收货人：</span><input type="text" name="consigneesName"><p></p></li>
			<li>
				<span><span>*</span>所在地区：</span>
				<select id="province"></select>
				<select id="city"></select>
				<select id="area"></select>
			</li>
			<li><span><span>*</span>详细地址：</span><input type="text" name="consigneesName"><p></p></li>
			<li><span><span>*</span>手机号码：</span><input type="text" name="consigneesName"><p></p></li>
			<li><input type="button" value="保存收货人信息" id="formBtn"></li>
		</form>
	</ul>
	<!--footer start-->
	<div id="guarantee"></div>
	<div id="footer">
		<div class="footerTop clear">
			<ul class="fl">
				<li class="liFirst">关于我们</li>
				<a href=""><li>人才招聘</li></a>
			</ul>
			<ul class="fl">
				<li class="liFirst">客户服务</li>
				<a href=""><li>联系我们</li></a>
			</ul>
			<ul class="fl">
				<li class="liFirst">帮助中心</li>
				<a href=""><li>配送方式</li></a>
				<a href=""><li>支付方式</li></a>
				<a href=""><li>售后服务</li></a>
			</ul>
			<ul class="fl">
				<li class="liFirst">会员中心</li>
				<a href=""><li>收藏列表</li></a>
				<a href=""><li>会员中心</li></a>
				<a href=""><li>历史订单</li></a>
			</ul>
		</div>
		<div class="footerBottom">
			<span>Copyright 2015果乐缤纷 www.guolebinfen.com Inc. AllRights Reserved. 京ICP备130443637号</span>
		</div>
	</div>
</body>	
<script type="text/javascript" data-main="./js/address" src="./js/require.js"></script>
</html> 